<template>
  <view class="bd">
    <view class="title">什么是胎动</view>
    <view class="content">
      胎动是指胎儿在子宫腔里的活动冲击到子宫壁的动作。
      胎儿在子宫内伸手、踢腿、冲击子宫壁，都是胎动。怀
      孕满4个月后，可明显感到胎儿的活动。胎动的次数多
      少、快慢强弱等表示胎儿的安危。
    </view>
    <view class="title">正常的胎动</view>
    <view class="content">
      正常情况胎动1小时不少于3一5次，12小时明显胎动次
      数为30一40次以上。有的胎儿12小时可动100次左右，
      只要胎动有规律，有节奏，变化不大，即证明胎儿发育是
      正常的。胎动的次数并非恒定不变，在妊娠28- 38周，
      是胎动活跃的时期，以后稍减弱，直至分娩。孕妇的运
      动、姿势、情绪以及强声、强光和触摸腹部等，都可引起 胎动的变化。
    </view>
    <view class="title">为什么要数胎动</view>
    <view class="content">
      胎动情况反映了宝宝的身体状况。一般来说，28周以后
      胎动就会有一定的规律了，医生建议准妈妈28周后每天
      坚持数胎动。数胎动可以监测宝宝健康，如果胎动情况
      发生剧变，就可能是宝宝遇到了危险，如宫内缺氧，此
      外，数胎动也是准妈妈与胎儿互动的一种方式哦。
    </view>
    <view class="title">操作说明</view>
    <view class="content">
      每天三餐前后，最好选择固定的1个小时。在这1小时里，
      你不一定要躺着或坐着，可以在室内走动、聊天。但要
      避免因注意力不集中而漏数了胎动次数。
      点击计时器开始计时，宝宝胎动之后就点击一次计时器
      的圆圈。系统会自动帮您预测胎动数。
    </view>
    <view class="title">胎动数预测</view>
    <view class="content">
      我们会自动帮您预测今天宝宝胎动的总次数，原理是用
      今日所有胎动次数和，除以记录的次数，算出的每次平
      均来乘以12得到的值。比如今天我记录了两次胎动，第
      一次胎动数是3次，第二次胎动数是4次，那么系统推算
      今天的胎动次数就为，(4+3)/2*12=42次。
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onReady() {
    // this.getUiStyle();
  },
  methods: {
    getUiStyle() {
      var style = plus.navigator.getUiStyle();
      if ("dark" == style) {
        console.log("当前为暗黑模式");
        uni.setTabBarStyle({
          backgroundColor: "#1B1C1E",
        });
        uni.setNavigationBarColor({
          frontColor: "#ffffff",
          backgroundColor: "#1B1C1E",
          animation: {
            duration: 400,
            timingFunc: "easeIn",
          },
        });
      } else {
        console.log("当前为普通模式");
      }
    },
  },
};
</script>

<style lang="less" scoped>
.title {
  color: #000;
  padding: 20upx 0 0 20upx;
}

.content {
  color: #888;
  padding: 20upx 0 30upx 20upx;
  line-height: 50upx;
}
</style>
<style scoped>
@media (prefers-color-scheme: closedark) {
  .bd {
    background-color: #1b1c1e !important;
  }

  .title {
    background-color: #38383c !important;
    color: #ccc !important;
  }

  .content {
    color: #ccc !important;
  }
}
</style>
